/* OBECNÉ ČÁSTI */
html
{
    color: rgb(37, 37, 37);

    background-image: url("../obrazky/skola11.jpg");
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    background-attachment: fixed;
}

body
{
    color: #000000;
    font-family: Verdana;
    font-size: 100%;
    max-width: none;
    width: 100%;
    margin: 0px;

    background-color: rgba(0, 0, 0, 0.15);

    min-height: 100vh;
}

.stred
{
    min-height: 60vh;
    width: 95%;
    margin: auto;
}

p
{
    text-align: left;
    min-height: 20px;
    color: #000000;
    background: none;
    padding: 0px;
}

a
{
    color: #F98300;
    background: none;
    padding: 0px;
    text-decoration: none;
}

h1 a:hover
{
    text-decoration: underline;
}

h1
{
    text-align: center; 
    color: rgb(37, 37, 37);
    font-family: Verdana;
    font-size: 140%;
    font-weight: normal;
}

h2
{
    text-align: left;
    color: rgb(37, 37, 37);
    font-family: Verdana;
    font-size: 125%;
    font-weight: normal;
    margin-left: 10px;
}

h3
{
    text-align: left;
    color: rgb(37, 37, 37);
    font-family: Verdana;
    font-size: 118%;
    font-weight: normal;
    margin-left: 12px;
    margin-right: 12px;
    margin-top: 1.4em;
    margin-bottom: 0.4em;
}

h4
{
    margin-left: 10px;
    font-weight: normal;
    font-size: 105%;
    font-style: italic;
}

h5
{
    font-size: 105%;
    margin: 0px;
}

li
{
    margin-bottom: 5px;
}

table
{
    border-collapse: collapse;
    width: 95%;
    margin-left: 10px;
    margin-bottom: 14px;
}

td
{
    text-align: left;
    border: none;
    padding-left: 10px;
    padding-top: 10px;
    padding-right: 20px;
    font-size: 92%;
}

th
{
    text-align: left;
    border: none;
    padding-left: 10px;
    padding-top: 10px;
    padding-right: 20px;
    font-weight: normal;
    font-size: 115%;
}

img
{
    max-width: 99%;
}

.tretina
{
    display: block;
}

.black
{
    color: black;
}

.titul
{ 
    font-size: 65%;
}

.imgNahled img
{
    max-width: 80%;
    margin-top: -65px;
    max-height: 80vh;
    margin: 10px;
}

.imgNahled h1
{
    position: absolute;
    top: 8px;
    text-align: right;
    position: fixed;
    font-size: 200%;
    right: 10px;
}

.imgNahled h1:hover
{
    color: #F98300;
}

.imgNahled h2
{
    position: absolute;
    top: 10px;
    position: fixed;
    font-size: 200%;
    padding-top: 200px;
    height: 300px;
    width: 42%;
}

.imgNahled h2:hover
{
    color: #F98300;
}

.h2p 
{
    text-align: right;
    margin-left: 54.5%;
}

/* SLIDESHOW */
.slideshow
{
    height: 8em;
}

.show 
{
    opacity: 1;
    position: absolute;
}

.hide 
{
    opacity: 0;
    position: absolute;
}

.slide
{
    transition: opacity 0.8s;
}

.mobileBlock
{
    display: block;
}

.splitter
{
    color: rgb(255, 138, 13);
    display: none;
}

.noMobile
{
    display: none;
}

.justMobile
{
    display: block;
}

.leftAlign50 p
{
    text-align: center;
}